<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        table{
            /*合并单元格边框 */
            border-collapse: collapse;
        }
    </style>
</head>

<body>
    <!-- 表格table
     tr 表示一行
     td 表示一列中的一个单元格
     th 表格表头标签自带居中加粗
     border 表示边框
     cellspacing 单元格和单元格的距离设置为0
     alogn 设置表格对齐方式 left center right
     bgcolor 设置表格背景颜色
      -->
    <table bgcolor="green"  width="400px" height="500px" align="center" border="1"cellspacing="0">
        <tr bgcolor="blue">
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
        </tr>
        <tr>
            <td>Tom</td>
            <td bgcolor="pink">12</td>
            <td>famale</td>
        </tr>
        <tr>
            <td>larry</td>
            <td>56</td>
            <td>male</td>
        </tr>
    </table>

</body>

</html>